<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片模糊处理</title>
		<style type="text/css">
			img {
				/* blur函数 */
				filter: blur(5px);
				/* 数值越大越模糊 */
			}

			img:hover {
				filter: blur(0);
			}
		</style>
	</head>
	<body>
		<img src="./imgs/di.jpg">
	</body>
</html>
